<template>
  <div class="about">
    <img :src="item" alt="" v-for="item in imageArr" :key="item">
  </div>
</template>

<script setup>
import { ref } from 'vue';

console.log('aaaa')
console.log('bbbb')
console.warn('cccc')
console.info('dddd')
console.error('eeee')

let imageArr = ref([
  'https://images.pexels.com/photos/11576275/pexels-photo-11576275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/13416241/pexels-photo-13416241.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/15433780/pexels-photo-15433780.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/3754297/pexels-photo-3754297.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13307162/pexels-photo-13307162.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/12329596/pexels-photo-12329596.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/14643375/pexels-photo-14643375.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15355528/pexels-photo-15355528.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15582409/pexels-photo-15582409.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13054458/pexels-photo-13054458.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/11576275/pexels-photo-11576275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/13416241/pexels-photo-13416241.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/15433780/pexels-photo-15433780.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/3754297/pexels-photo-3754297.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13307162/pexels-photo-13307162.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/12329596/pexels-photo-12329596.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/14643375/pexels-photo-14643375.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15355528/pexels-photo-15355528.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15582409/pexels-photo-15582409.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13054458/pexels-photo-13054458.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/11576275/pexels-photo-11576275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/13416241/pexels-photo-13416241.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/15433780/pexels-photo-15433780.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/3754297/pexels-photo-3754297.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13307162/pexels-photo-13307162.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/12329596/pexels-photo-12329596.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/14643375/pexels-photo-14643375.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15355528/pexels-photo-15355528.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15582409/pexels-photo-15582409.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13054458/pexels-photo-13054458.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/11576275/pexels-photo-11576275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/13416241/pexels-photo-13416241.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
  'https://images.pexels.com/photos/15433780/pexels-photo-15433780.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/3754297/pexels-photo-3754297.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13307162/pexels-photo-13307162.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/12329596/pexels-photo-12329596.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/14643375/pexels-photo-14643375.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15267537/pexels-photo-15267537.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/15348689/pexels-photo-15348689.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load',
  'https://images.pexels.com/photos/13054458/pexels-photo-13054458.jpeg?auto=compress&cs=tinysrgb&w=800&lazy=load'
])

</script>